<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="12306.css">
</head>

<body>
    <header>
        <div id="h_msg">
            <label class="h_msg">客服热线 : 12306</label>
            <label class="h_msg">意见反馈 : <a href="12306yjfk@rails.com.cn">12306yjfk@rails.com.cn</a></label>
            <label class="h_msg">安装手机12306</label>
        </div>
        <div id="h_title">
            <img src="logo.png" height="40" width="40" id="logo">
            <label id="zgtl">中国铁路客户服务中心</label>
        </div>
        <div id="h_login">
            <label class="h_msg"><a href="#">注册</a>|<a href="#">登录</a></label>
        </div>
        <div>
            <div class="h_sort" style="margin-left: 350px">
                <label>客运首页</label>
                <img src="on2.png" class="h_img">
            </div>
            <div class="h_sort">
                <label>车票预订</label>
                <img src="on2.png" class="h_img">
            </div>
            <div class="h_sort">
                <label>余票查询</label>
                <img src="on2.png" class="h_img">
            </div>
            <div class="h_sort">
                <label>出行向导</label>
                <img src="on2.png" class="h_img">
            </div>
            <div class="h_sort">
                <label>信息服务</label>
                <img src="on2.png" class="h_img">
            </div>
        </div>
    </header>
    <div id="cent">
        <img src="lg.png" width="50" height="50" id="lg">
        <div id="cent1">
            <div id="chooses">
                <div class="choose">
                    <label class="chin">出发地</label>
                    <label class="eng">From</label>
                    <input type="text" name="" value="北京" class="site">
                </div>
                <img src="arrow.png" width="30" height="25" id="arrow">
                <div class="choose">
                    <label class="chin">到达地</label>
                    <label class="eng">To</label>
                    <input type="text" name="" placeholder="上海" class="site">
                </div>
                <div class="choose choose_date">
                    <label class="chin">出发日期</label>
                    <label class="eng">Set out Date</label>
                    <img src="before.png" width="10" height="10" id="left">
                    <input type="text" name="" value="2017-05-18 星期五" class="date">
                    <img src="later.png" width="10" height="10" id="right">
                </div>
                <div class="choose choose_date" style="opacity: 0.5">
                    <label class="chin">返程日期</label>
                    <label class="eng">Return Date</label>
                    <input type="text" name="" value="2017-06-01 星期三" class="date">
                </div>
                <div class="choose">
                    <div class="ticket" style="margin-top: 20px">
                        <label>返程票</label>
                        <input type="checkbox" name="">
                    </div>
                    <div class="ticket">
                        <label>学生票</label>
                        <input type="checkbox" name="">
                    </div>
                </div>
            </div>
            <div id="ticket_msg">
                <div class="anthor">
                    <label>席别</label>
                    <img src="on2.png" class="anthor_img">
                </div>
                <div class="anthor">
                    <label>列车类型</label>
                    <img src="on2.png" class="anthor_img">
                </div>
                <div class="anthor">
                    <label>出发时间</label>
                    <img src="on2.png" class="anthor_img">
                </div>
                <div class="anthor">
                    <label>乘车人</label>
                    <img src="on2.png" class="anthor_img">
                </div>
            </div>
            <div>
                <button id="inquire_btn">查 询 车 票</button>
            </div>
            <div>
                <table style="background-color:green; border-collapse: collapse;">
                    <tr id="table_head">
                        <th>
                            <p>车次</p>
                        </th>
                        <th>
                            <p>出发站<br/>到达站</p>
                        </th>
                        <th>
                            <p style="text-align: left">出发时间
	                            <img src="on_up.png" width="10" height="10" >
	                            <br/>到达时间
									
	                            <img src="on_down.png" width="10" height="10">
                            </p>
							
                            
                        </th>
                        <th>
                            <p>历时
                            	<img src="on_down.png" width="10">
                            </p>
                            

                        </th>
                        <th>
                            <p>商务座</p>
                        </th>
                        <th>
                            <p>特等座</p>
                        </th>
                        <th>
                            <p>一等座</p>
                        </th>
                        <th>
                            <p>二等座</p>
                        </th>
                        <th>
                            <p>高级<br/>软卧</p>
                        </th>
                        <th>
                            <p>软卧</p>
                        </th>
                        <th>
                            <p>硬卧</p>
                        </th>
                        <th>
                            <p>软座</p>
                        </th>
                        <th>
                            <p>硬座</p>
                        </th>
                        <th>
                            <p>无座</p>
                        </th>
                        <th>
                            <p>其他</p>
                        </th>
                        <th>
                            <p>购买</p>
                        </th>
                    </tr>
                    
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <footer>
        <div class="foo" style="margin-left: 485px;">
            <label>版权所有 ©2008-2015铁道部信息技术中心 中国铁道科学研究院</label>
        </div>
        <div class="foo" style="margin-left: 70px">
            <label>关于我们 | 网站声明</label>
            <label style="margin-left: 30px;">京ICP10009636号</label>
        </div>
    </footer>
</body>

</html>
